<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
        <script type="text/javascript" src="https://assets.pyecharts.org/assets/bmap.min.js"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=LP7ET58A7j3Tchdd6WIbOGa2POFzZ6FS"></script>
        <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=LP7ET58A7j3Tchdd6WIbOGa2POFzZ6FS"></script>

</head>
<body>
    <div id="a6aaba632f0041a9b7811d396cc8352a" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_a6aaba632f0041a9b7811d396cc8352a = echarts.init(
            document.getElementById('a6aaba632f0041a9b7811d396cc8352a'), 'white', {renderer: 'canvas'});
        var option_a6aaba632f0041a9b7811d396cc8352a = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "color": [
        "#c23531",
        "#2f4554",
        "#61a0a8",
        "#d48265",
        "#749f83",
        "#ca8622",
        "#bda29a",
        "#6e7074",
        "#546570",
        "#c4ccd3",
        "#f05b72",
        "#ef5b9c",
        "#f47920",
        "#905a3d",
        "#fab27b",
        "#2a5caa",
        "#444693",
        "#726930",
        "#b2d235",
        "#6d8346",
        "#ac6767",
        "#1d953f",
        "#6950a1",
        "#918597"
    ],
    "series": [
        {
            "type": "scatter",
            "name": "Hospital",
            "coordinateSystem": "bmap",
            "symbol": "rect",
            "symbolSize": 16,
            "data": [
                {
                    "name": "Caribbean Medical Center",
                    "value": [
                        -65.65,
                        18.33,
                        101
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#CC5B58"
            }
        },
        {
            "type": "scatter",
            "name": "Hospital",
            "coordinateSystem": "bmap",
            "symbol": "rect",
            "symbolSize": 16,
            "data": [
                {
                    "name": "Hospital HIMA",
                    "value": [
                        -66.03,
                        18.22,
                        102
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#CC5B58"
            }
        },
        {
            "type": "scatter",
            "name": "Hospital",
            "coordinateSystem": "bmap",
            "symbol": "rect",
            "symbolSize": 16,
            "data": [
                {
                    "name": "Hospital Pavia Santurce ",
                    "value": [
                        -66.07,
                        18.44,
                        103
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#CC5B58"
            }
        },
        {
            "type": "scatter",
            "name": "Hospital",
            "coordinateSystem": "bmap",
            "symbol": "rect",
            "symbolSize": 16,
            "data": [
                {
                    "name": "Puerto Rico Children's Hospital",
                    "value": [
                        -66.16,
                        18.4,
                        104
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#CC5B58"
            }
        },
        {
            "type": "scatter",
            "name": "Hospital",
            "coordinateSystem": "bmap",
            "symbol": "rect",
            "symbolSize": 16,
            "data": [
                {
                    "name": "Hospital Pavia Arecibo ",
                    "value": [
                        -66.73,
                        18.47,
                        105
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#CC5B58"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u963f\u96f7\u897f\u6c83 ARECIBO",
                    "value": [
                        -66.71573,
                        18.47245,
                        201
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u5723\u80e1\u5b89 SAN JUAN",
                    "value": [
                        -66.10572,
                        18.46633,
                        202
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u6cd5\u54c8\u591a FAJARDO",
                    "value": [
                        -65.65238,
                        18.32579,
                        203
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u4e9a\u6b66\u79d1\u963f YABUCOA",
                    "value": [
                        -65.87933,
                        18.05052,
                        204
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u74dc\u4e9a\u9a6c GUAYAMA",
                    "value": [
                        -66.11378,
                        17.98413,
                        205
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u84ec\u585e PONCE",
                    "value": [
                        -66.61406,
                        18.01108,
                        206
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u74dc\u4e9a\u5c3c\u4e9a GUAYANILLA",
                    "value": [
                        -66.79184,
                        18.01913,
                        207
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u74dc\u5c3c\u5361 GUANICA",
                    "value": [
                        -66.90795,
                        17.97163,
                        208
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u9a6c\u4e9a\u572d\u65af MAYAGUEZ",
                    "value": [
                        -67.13962,
                        18.20107,
                        209
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u963f\u74dc\u8fea\u4e9a AGUADILLA",
                    "value": [
                        -67.15407,
                        18.42745,
                        210
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "Port",
            "coordinateSystem": "bmap",
            "symbol": "triangle",
            "symbolSize": 12,
            "data": [
                {
                    "name": "\u4f0a\u838e\u8d1d\u62c9 ISABELA",
                    "value": [
                        -67.02435,
                        18.50078,
                        211
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#1488F6"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "0",
                    "value": [
                        -65.7324,
                        18.2097,
                        301
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "1",
                    "value": [
                        -65.8324,
                        18.0833,
                        302
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "2",
                    "value": [
                        -66.1144,
                        17.9759,
                        303
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "3",
                    "value": [
                        -66.4114,
                        17.9662,
                        304
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "4",
                    "value": [
                        -66.6155,
                        18.0151,
                        305
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "5",
                    "value": [
                        -66.9248,
                        17.97,
                        306
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "6",
                    "value": [
                        -67.0375,
                        18.0899,
                        307
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "7",
                    "value": [
                        -67.1467,
                        18.1965,
                        308
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "8",
                    "value": [
                        -67.1517,
                        18.4388,
                        309
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "9",
                    "value": [
                        -66.9361,
                        18.4756,
                        310
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "10",
                    "value": [
                        -66.9686,
                        18.3324,
                        311
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "11",
                    "value": [
                        -66.7248,
                        18.4663,
                        312
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "12",
                    "value": [
                        -66.6961,
                        18.2654,
                        313
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "13",
                    "value": [
                        -66.5763,
                        18.4414,
                        314
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "14",
                    "value": [
                        -66.3889,
                        18.437,
                        315
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "15",
                    "value": [
                        -66.3785,
                        18.197,
                        316
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "16",
                    "value": [
                        -66.28859,
                        18.281884,
                        317
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "17",
                    "value": [
                        -66.2057,
                        18.1934,
                        318
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "18",
                    "value": [
                        -66.1672,
                        18.1171,
                        319
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "19",
                    "value": [
                        -66.0387,
                        18.2586,
                        320
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "20",
                    "value": [
                        -66.075,
                        18.4228,
                        321
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "21",
                    "value": [
                        -65.8783,
                        18.4337,
                        322
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        },
        {
            "type": "scatter",
            "name": "City",
            "coordinateSystem": "bmap",
            "symbol": "circle",
            "symbolSize": 6,
            "data": [
                {
                    "name": "22",
                    "value": [
                        -65.8264,
                        18.3755,
                        323
                    ]
                }
            ],
            "label": {
                "show": true,
                "position": "top",
                "margin": 8
            },
            "itemStyle": {
                "color": "#000000"
            }
        }
    ],
    "legend": [
        {
            "data": [
                "Hospital",
                "Hospital",
                "Hospital",
                "Hospital",
                "Hospital",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "Port",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City",
                "City"
            ],
            "selected": {
                "Hospital": true,
                "Port": true,
                "City": true
            },
            "show": true
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "formatter": function (params) {        return params.name + ' : ' + params.value[2];    },
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0
    },
    "title": [
        {
            "text": "\u6ce2\u591a\u9ece\u5404\u5730\u70b9\u5206\u5e03\u56fe"
        }
    ],
    "bmap": {
        "center": [
            -66.4648104765625,
            18.207758654186094
        ],
        "zoom": 10,
        "roam": true
    }
};
        chart_a6aaba632f0041a9b7811d396cc8352a.setOption(option_a6aaba632f0041a9b7811d396cc8352a);
            var bmap = chart_a6aaba632f0041a9b7811d396cc8352a.getModel().getComponent('bmap').getBMap();
    </script>
</body>
</html>
